<script>
import { createNamespacedHelpers } from 'vuex'

const {  mapGetters, mapState, mapMutations,mapActions } = createNamespacedHelpers('namespace')
export default {
  computed: {
    ...mapState({
        "name":state => state.name
        // ...
    })
  },
  methods: {
    
    ...mapActions(["actionsIncrement","actionFn"])  
  },
  created() {
    this.actionsIncrement(100000);

    //  加了 namespaced 之后，action 就变成这个实例独有的了，只会触发这个实例的action
    this.actionFn()

    // 而下面仍然会触发 全局 的 mutation，但是这个触发的mutation 不包括 namespced 的了
    this.$store.commit("mutationsFn")
  }
};
</script>



<template>

<div>
    
    大家好，我是  &nbsp;&nbsp;命名  &nbsp;&nbsp;空间
    <p>name:{{name}}</p>
</div>
  
</template>



<style lang="stylus">
</style>
